@import '_partial/reset.css'
@import '_partial/fonts.css'
@import '_variable'

.icon {
  font-family:"wecode-icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-copy:before { content: "\ea74"; }

.icon-github:before { content: "\e600"; }

.icon-folder:before { content: "\e61d"; }

.icon-tag:before { content: "\e815"; }

.icon-heart:before { content: "\e634"; }

.f-bbox
  box-sizing: border-box
.f-clear
  *zoom: 1;
  &:after
    content: ''
    display: block
    height: 0
    clear: both
    visibility: hidden

.s-bgd
  background: base-color

.g-bd
  width: 100%
  min-height: 100%
  font-family: wecode

// header部分
logo-height = 64px
nav-height = 70px

head-border = 
  border-bottom: 1px solid theme-color

.m-hd
  width: 100%;
  padding: ((header-height - logo-height - nav-height)/2) 0
  box-sizing: border-box
  text-align: center

.z-post
  padding: 0
  .g-hd-main
    {head-border}
  .g-logo
    padding: 0 g-ps-padding-left
    text-align: left

.g-hd-main
  position: relative
  width: 100%
  height: logo-height
  line-height: logo-height
  font-family: Showcard Gothic
  text-transform: uppercase
  @media screen and (max-width: breakpoint1)
    {head-border}
  .g-logo
    width: 100%
    font-size: 30px
    box-sizing: border-box
    padding: 0 g-list-padding-left
    @media screen and (max-width: breakpoint1)
      width: 80%
      text-align: left
  .g-mbnav
    display: none
    position: absolute
    width: 20%
    height: 100%
    top: 0
    right: 0
    line-height: logo-height
    text-align: center
    @media screen and (max-width: breakpoint1)
      display: inline-block
    .u-nav-btn
      width: 50px
      height: 38px
      vertical-align: middle
      border-radius: 4px
      color: #fff
      border: none
      background: rgba(0, 0, 0, .8) 


// header-nav部分
.g-nav
  height: nav-height
  @media screen and (max-width: breakpoint1)
    display: none
  .g-nav-inner
    height: 100%
    margin: 0 auto
    min-width: 630px
    font-size: 20px
    line-height: nav-height
  li
    display: inline-block
    &:first-child::before
      content: '{'
      margin: 0 24px 0 0
    &::after
      content: '•'
      margin: 0 15px
    &:last-child::after
      content: '}'
      margin: 0 0 0 24px

// 主要内容
.g-main
  min-height: 180px
  @extend .f-clear

.m-intro
  box-sizing: border-box
  width: 576px
  margin: 0 auto
  padding: 18px 20px
  border-radius: 5px
  min-height: 120px
  font-size: 18px
  line-height: 24px
  text-align: justify
  color: #137c16
  background: #000

// footer部分
.g-ft
  height: footer-height
  font-size: 14px
  text-align: center
  line-height: footer-height